<div data-role="page">
    <div data-role="header">
        <a href="#" data-rel="back" class="ui-btn ui-icon-arrow-l ui-btn-icon-left ui-shadow">返回</a>
        <h1>dialog插件</h1>
    </div>
    <div role="main" class="ui-content">
        <p>cordova-plugin-dialogs 插件</p>
        <div data-role="collapsible">
            <h1>alert测试</h1>
            <button  onclick="nativeAlert()" class="ui-btn ui-btn-a">点击打开alert</button>
            <p id="alertInfo"></p>
        </div>

        <div data-role="collapsible">
            <h1>confirm测试</h1>
            <button  onclick="nativeConfirm()" class="ui-btn ui-btn-a">点击打开confirm</button>
        </div>

        <div data-role="collapsible">
            <h1>prompt测试</h1>
            <button  onclick="nativePrompt()" class="ui-btn ui-btn-a">点击打开prompt</button>
        </div>
    </div>
</div>